<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="generator" content="JsDoc Toolkit" />
		
		<title>JsDoc Reference - pwlib.gui</title>

		<style type="text/css">
			/* default.css */
body
{
	font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	width: 800px;
}

.header
{
	clear: both;
	background-color: #ccc;
	padding: 8px;
}

h1
{
	font-size: 150%;
	font-weight: bold;
	padding: 0;
	margin: 1em 0 0 .3em;
}

hr
{
	border: none 0;
	border-top: 1px solid #7F8FB1;
	height: 1px;
}

pre.code
{
	display: block;
	padding: 8px;
	border: 1px dashed #ccc;
}

#index
{
	margin-top: 24px;
	float: left;
	width: 160px;
	position: absolute;
	left: 8px;
	background-color: #F3F3F3;
	padding: 8px;
}

#content
{
	margin-left: 190px;
	width: 600px;
}

.classList
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 8px;
	font-family: arial, sans-serif;
	font-size: 1em;
	overflow: auto;
}

.classList li
{
	padding: 0;
	margin: 0 0 8px 0;
}

.summaryTable { width: 100%; }

h1.classTitle
{
	font-size:170%;
	line-height:130%;
}

h2 { font-size: 110%; }
caption, div.sectionTitle
{
	background-color: #7F8FB1;
	color: #fff;
	font-size:130%;
	text-align: left;
	padding: 2px 6px 2px 6px;
	border: 1px #7F8FB1 solid;
}

div.sectionTitle { margin-bottom: 8px; }
.summaryTable thead { display: none; }

.summaryTable td
{
	vertical-align: top;
	padding: 4px;
	border-bottom: 1px #7F8FB1 solid;
	border-right: 1px #7F8FB1 solid;
}

/*col#summaryAttributes {}*/
.summaryTable td.attributes
{
	border-left: 1px #7F8FB1 solid;
	width: 140px;
	text-align: right;
}

td.attributes, .fixedFont
{
	line-height: 15px;
	color: #002EBE;
	font-family: "Courier New",Courier,monospace;
	font-size: 13px;
}

.summaryTable td.nameDescription
{
	text-align: left;
	font-size: 13px;
	line-height: 15px;
}

.summaryTable td.nameDescription, .description
{
	line-height: 15px;
	padding: 4px;
	padding-left: 4px;
}

.summaryTable { margin-bottom: 8px; }

ul.inheritsList
{
	list-style: square;
	margin-left: 20px;
	padding-left: 0;
}

.detailList {
	margin-left: 20px; 
	line-height: 15px;
}
.detailList dt { margin-left: 20px; }

.detailList .heading
{
	font-weight: bold;
	padding-bottom: 6px;
	margin-left: 0;
}

.light, td.attributes, .light a:link, .light a:visited
{
	color: #777;
	font-style: italic;
}

.fineprint
{
	text-align: right;
	font-size: 10px;
}
		</style>
	</head>

	<body>
<!-- ============================== header ================================= -->	
		<!-- begin static/header.html -->
		<div id="header">
</div>
		<!-- end static/header.html -->

<!-- ============================== classes index ============================ -->
		<div id="index">
			<!-- begin publish.classesIndex -->
			<div align="center"><a href="../index.html">Class Index</a>
| <a href="../files.html">File Index</a></div>
<hr />
<h2>Classes</h2>
<ul class="classList">
	
	<li><i><a href="../symbols/_global_.html">_global_</a></i></li>
	
	<li><a href="../symbols/PaintWeb.html">PaintWeb</a></li>
	
	<li><a href="../symbols/pwlib.html">pwlib</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.html">pwlib.appEvent</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.appDestroy.html">pwlib.appEvent.appDestroy</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.appInit.html">pwlib.appEvent.appInit</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.canvasSizeChange.html">pwlib.appEvent.canvasSizeChange</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.clipboardUpdate.html">pwlib.appEvent.clipboardUpdate</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.commandRegister.html">pwlib.appEvent.commandRegister</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.commandUnregister.html">pwlib.appEvent.commandUnregister</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.configChange.html">pwlib.appEvent.configChange</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.extensionRegister.html">pwlib.appEvent.extensionRegister</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.extensionUnregister.html">pwlib.appEvent.extensionUnregister</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.guiFloatingPanelStateChange.html">pwlib.appEvent.guiFloatingPanelStateChange</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.guiHide.html">pwlib.appEvent.guiHide</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.guiResizeEnd.html">pwlib.appEvent.guiResizeEnd</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.guiResizeMouseMove.html">pwlib.appEvent.guiResizeMouseMove</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.guiResizeStart.html">pwlib.appEvent.guiResizeStart</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.guiShow.html">pwlib.appEvent.guiShow</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.guiTabActivate.html">pwlib.appEvent.guiTabActivate</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.historyUpdate.html">pwlib.appEvent.historyUpdate</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.imageCrop.html">pwlib.appEvent.imageCrop</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.imageSave.html">pwlib.appEvent.imageSave</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.imageSaveResult.html">pwlib.appEvent.imageSaveResult</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.imageSizeChange.html">pwlib.appEvent.imageSizeChange</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.imageZoom.html">pwlib.appEvent.imageZoom</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.selectionChange.html">pwlib.appEvent.selectionChange</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.shadowAllow.html">pwlib.appEvent.shadowAllow</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.toolActivate.html">pwlib.appEvent.toolActivate</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.toolPreactivate.html">pwlib.appEvent.toolPreactivate</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.toolRegister.html">pwlib.appEvent.toolRegister</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.toolUnregister.html">pwlib.appEvent.toolUnregister</a></li>
	
	<li><a href="../symbols/pwlib.appEvent.viewportSizeChange.html">pwlib.appEvent.viewportSizeChange</a></li>
	
	<li><a href="../symbols/pwlib.appEvents.html">pwlib.appEvents</a></li>
	
	<li><a href="../symbols/pwlib.browser.html">pwlib.browser</a></li>
	
	<li><a href="../symbols/pwlib.dom.html">pwlib.dom</a></li>
	
	<li><a href="../symbols/pwlib.dom.KeyboardEventListener.html">pwlib.dom.KeyboardEventListener</a></li>
	
	<li><a href="../symbols/pwlib.dom.keyCodes.html">pwlib.dom.keyCodes</a></li>
	
	<li><a href="../symbols/pwlib.dom.keyCodes_fixes.html">pwlib.dom.keyCodes_fixes</a></li>
	
	<li><a href="../symbols/pwlib.dom.keyCodes_Safari2.html">pwlib.dom.keyCodes_Safari2</a></li>
	
	<li><a href="../symbols/pwlib.dom.keyNames.html">pwlib.dom.keyNames</a></li>
	
	<li><a href="../symbols/pwlib.extensions.html">pwlib.extensions</a></li>
	
	<li><a href="../symbols/pwlib.extensions.colormixer.html">pwlib.extensions.colormixer</a></li>
	
	<li><a href="../symbols/pwlib.extensions.moodle.html">pwlib.extensions.moodle</a></li>
	
	<li><a href="../symbols/pwlib.extensions.mousekeys.html">pwlib.extensions.mousekeys</a></li>
	
	<li><a href="../symbols/pwlib.fileCache.html">pwlib.fileCache</a></li>
	
	<li><a href="../symbols/pwlib.gui.html">pwlib.gui</a></li>
	
	<li><a href="../symbols/pwlib.guiColorInput.html">pwlib.guiColorInput</a></li>
	
	<li><a href="../symbols/pwlib.guiFloatingPanel.html">pwlib.guiFloatingPanel</a></li>
	
	<li><a href="../symbols/pwlib.guiResizer.html">pwlib.guiResizer</a></li>
	
	<li><a href="../symbols/pwlib.guiTabPanel.html">pwlib.guiTabPanel</a></li>
	
	<li><a href="../symbols/pwlib.tools.html">pwlib.tools</a></li>
	
	<li><a href="../symbols/pwlib.tools.bcurve.html">pwlib.tools.bcurve</a></li>
	
	<li><a href="../symbols/pwlib.tools.cbucket.html">pwlib.tools.cbucket</a></li>
	
	<li><a href="../symbols/pwlib.tools.cpicker.html">pwlib.tools.cpicker</a></li>
	
	<li><a href="../symbols/pwlib.tools.ellipse.html">pwlib.tools.ellipse</a></li>
	
	<li><a href="../symbols/pwlib.tools.eraser.html">pwlib.tools.eraser</a></li>
	
	<li><a href="../symbols/pwlib.tools.hand.html">pwlib.tools.hand</a></li>
	
	<li><a href="../symbols/pwlib.tools.insertimg.html">pwlib.tools.insertimg</a></li>
	
	<li><a href="../symbols/pwlib.tools.line.html">pwlib.tools.line</a></li>
	
	<li><a href="../symbols/pwlib.tools.pencil.html">pwlib.tools.pencil</a></li>
	
	<li><a href="../symbols/pwlib.tools.polygon.html">pwlib.tools.polygon</a></li>
	
	<li><a href="../symbols/pwlib.tools.rectangle.html">pwlib.tools.rectangle</a></li>
	
	<li><a href="../symbols/pwlib.tools.selection.html">pwlib.tools.selection</a></li>
	
	<li><a href="../symbols/pwlib.tools.text.html">pwlib.tools.text</a></li>
	
</ul>
<hr />
			<!-- end publish.classesIndex -->
		</div>
		
		<div id="content">
<!-- ============================== class title ============================ -->
			<h1 class="classTitle">
				
				Class pwlib.gui
			</h1>

<!-- ============================== class summary ========================== -->			
			<p class="description">
				
			
				The default PaintWeb interface.
				
				
					<br /><i>Defined in: </i> <a href="../symbols/src/src_interfaces_default_script.js.html">script.js</a>.
				
			</p>

<!-- ============================== constructor summary ==================== -->			
			
			<table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class pwlib.gui.">
				<caption>Class Summary</caption>
				<thead>
					<tr>
						<th scope="col">Constructor Attributes</th>
						<th scope="col">Constructor Name and Description</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="attributes">&nbsp;</td>
						<td class="nameDescription" >
							<div class="fixedFont">
								<b><a href="../symbols/pwlib.gui.html#constructor">pwlib.gui</a></b>(app)
							</div>
							<div class="description"></div>
						</td>
					</tr>
				</tbody>
			</table>
			

<!-- ============================== properties summary ===================== -->
			
				
				
				<table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class pwlib.gui.">
					<caption>Field Summary</caption>
					<thead>
						<tr>
							<th scope="col">Field Attributes</th>
							<th scope="col">Field Name and Description</th>
						</tr>
					</thead>
					<tbody>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/pwlib.gui.html#canvasResizer">canvasResizer</a></b>
								</div>
								<div class="description">Holds an instance of the guiResizer object attached to the Canvas.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/pwlib.gui.html#colorInputs">colorInputs</a></b>
								</div>
								<div class="description">Holds references to DOM elements associated to color configuration 
properties.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/pwlib.gui.html#commands">commands</a></b>
								</div>
								<div class="description">Holds references to DOM elements associated to PaintWeb commands.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/pwlib.gui.html#elems">elems</a></b>
								</div>
								<div class="description">Holds references to DOM elements.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/pwlib.gui.html#floatingPanels">floatingPanels</a></b>
								</div>
								<div class="description">Holds references to floating panels GUI components.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/pwlib.gui.html#inputs">inputs</a></b>
								</div>
								<div class="description">Holds references to input elements associated to the PaintWeb configuration 
properties.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/pwlib.gui.html#inputValues">inputValues</a></b>
								</div>
								<div class="description">Holds references to DOM elements associated to configuration values.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/pwlib.gui.html#tabPanels">tabPanels</a></b>
								</div>
								<div class="description">Holds references to tab panel GUI components.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/pwlib.gui.html#tools">tools</a></b>
								</div>
								<div class="description">Holds references to DOM elements associated to each tool registered in the 
current PaintWeb application instance.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/pwlib.gui.html#toolTabConfig">toolTabConfig</a></b>
								</div>
								<div class="description">Holds tab configuration information for most drawing tools.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont">
								<b><a href="../symbols/pwlib.gui.html#viewportResizer">viewportResizer</a></b>
								</div>
								<div class="description">Holds an instance of the guiResizer object attached to the viewport 
element.</div>
							</td>
						</tr>
					
					</tbody>
				</table>
				
				
				
			

<!-- ============================== methods summary ======================== -->
			
				
				
				<table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class pwlib.gui.">
					<caption>Method Summary</caption>
					<thead>
						<tr>
							<th scope="col">Method Attributes</th>
							<th scope="col">Method Name and Description</th>
						</tr>
					</thead>
					<tbody>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#appInit">appInit</a></b>(ev)
								</div>
								<div class="description">The <code>appInit</code> event handler.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#canvasResizeEnd">canvasResizeEnd</a></b>(ev)
								</div>
								<div class="description">The <code>guiResizeEnd</code> event handler for the Canvas resize 
operation.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#canvasResizeStart">canvasResizeStart</a></b>()
								</div>
								<div class="description">The <code>guiResizeStart</code> event handler for the Canvas resize 
operation.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#canvasSizeChange">canvasSizeChange</a></b>(ev)
								</div>
								<div class="description">The <code>canvasSizeChange</code> application event handler.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#clipboardUpdate">clipboardUpdate</a></b>(ev)
								</div>
								<div class="description">The <code>clipboardUpdate</code> application event handler.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#commandAbout">commandAbout</a></b>()
								</div>
								<div class="description">The "About" command.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#commandClick">commandClick</a></b>(ev)
								</div>
								<div class="description">The <code>click</code> event handler for the command DOM elements.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#commandRegister">commandRegister</a></b>(ev)
								</div>
								<div class="description">The <code>commandRegister</code> application event handler.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#commandUnregister">commandUnregister</a></b>(ev)
								</div>
								<div class="description">The <code>commandUnregister</code> application event handler.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#configChangeHandler">configChangeHandler</a></b>(ev)
								</div>
								<div class="description">The <code>configChange</code> application event handler.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#configInputChange">configInputChange</a></b>()
								</div>
								<div class="description">The <code>change</code> event handler for input elements associated to 
PaintWeb configuration properties.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#configToggleClick">configToggleClick</a></b>(ev)
								</div>
								<div class="description">The <code>click</code> event handler for DOM elements associated to boolean 
configuration properties.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#configValueClick">configValueClick</a></b>(ev)
								</div>
								<div class="description">The <code>click</code> event handler for DOM elements associated to 
PaintWeb configuration values.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#destroy">destroy</a></b>()
								</div>
								<div class="description">The application destroy event handler.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#hide">hide</a></b>()
								</div>
								<div class="description">Hide the graphical user interface.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#historyUpdate">historyUpdate</a></b>(ev)
								</div>
								<div class="description">The <code>historyUpdate</code> application event handler.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#imageSizeChange">imageSizeChange</a></b>(ev)
								</div>
								<div class="description">The <code>imageSizeChange</code> application event handler.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#imageZoom">imageZoom</a></b>(ev)
								</div>
								<div class="description">The <code>imageZoom</code> application event handler.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#init">init</a></b>(markup)
								</div>
								<div class="description">Initialize the PaintWeb interface.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#initCanvas">initCanvas</a></b>()
								</div>
								<div class="description">Initialize the Canvas elements.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#initConfigIcons">initConfigIcons</a></b>(elem, cfgAttr)
								</div>
								<div class="description">Initialize an HTML element associated to a configuration property, and all 
of its own sub-elements associated to configuration values.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#initConfigInput">initConfigInput</a></b>(elem, cfgAttr)
								</div>
								<div class="description">Initialize an input element associated to a configuration property.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#initConfigToggle">initConfigToggle</a></b>(elem, cfgAttr)
								</div>
								<div class="description">Initialize an HTML element associated to a boolean configuration property.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#initImageZoom">initImageZoom</a></b>()
								</div>
								<div class="description">Initialize the image zoom input.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#initImportDoc">initImportDoc</a></b>(markup)
								</div>
								<div class="description">Import the DOM nodes from the interface DOM document.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#initKeyboardShortcuts">initKeyboardShortcuts</a></b>()
								</div>
								<div class="description">Initialize the keyboard shortcuts.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#initParseMarkup">initParseMarkup</a></b>()
								</div>
								<div class="description">Parse the interface markup.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#initSelectionTool">initSelectionTool</a></b>()
								</div>
								<div class="description">Initialize GUI elements associated to selection tool options and commands.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#initTextTool">initTextTool</a></b>()
								</div>
								<div class="description">Initialize GUI elements associated to text tool options.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#item_mouseout">item_mouseout</a></b>()
								</div>
								<div class="description">The <code>mouseout</code> event handler for all tools, commands and icons.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#item_mouseover">item_mouseover</a></b>()
								</div>
								<div class="description">The <code>mouseover</code> event handler for all tools, commands and icons.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#resizeTo">resizeTo</a></b>(width, height)
								</div>
								<div class="description">Resize the PaintWeb graphical user interface.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#selectionChange">selectionChange</a></b>(ev)
								</div>
								<div class="description">The <code>selectionChange</code> application event handler.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#shadowAllow">shadowAllow</a></b>(ev)
								</div>
								<div class="description">The <code>shadowAllow</code> application event handler.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#show">show</a></b>()
								</div>
								<div class="description">Show the graphical user interface.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#statusShow">statusShow</a></b>(msg, temporary)
								</div>
								<div class="description">Show a message in the status bar.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#toolActivate">toolActivate</a></b>(ev)
								</div>
								<div class="description">The <code>toolActivate</code> application event handler.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#toolClick">toolClick</a></b>(ev)
								</div>
								<div class="description">The <code>click</code> event handler for the tool DOM elements.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#toolHandStateChange">toolHandStateChange</a></b>(ev)
								</div>
								<div class="description">The state change event handler for the Hand tool.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#toolRegister">toolRegister</a></b>(ev)
								</div>
								<div class="description">The <code>toolRegister</code> application event handler.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#toolUnregister">toolUnregister</a></b>(ev)
								</div>
								<div class="description">The <code>toolUnregister</code> application event handler.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#viewportResizeEnd">viewportResizeEnd</a></b>(ev)
								</div>
								<div class="description">The <code>guiResizeEnd</code> event handler for the viewport resize 
operation.</div>
							</td>
						</tr>
					
						<tr>
							<td class="attributes">&lt;private&gt; &nbsp;</td>
							<td class="nameDescription">
								<div class="fixedFont"><b><a href="../symbols/pwlib.gui.html#viewportResizeMouseMove">viewportResizeMouseMove</a></b>(ev)
								</div>
								<div class="description">The <code>guiResizeMouseMove</code> event handler for the viewport resize 
operation.</div>
							</td>
						</tr>
					
					</tbody>
				</table>
				
				
				
			
<!-- ============================== events summary ======================== -->
			

<!-- ============================== constructor details ==================== -->		
			
			<div class="details"><a name="constructor"> </a>
				<div class="sectionTitle">
					Class Detail
				</div>
				
				<div class="fixedFont">
						<b>pwlib.gui</b>(app)
				</div>
				
				<div class="description">
					
					
				</div>
				
				
				
				
					
						<dl class="detailList">
						<dt class="heading">Parameters:</dt>
						
							<dt>
								<span class="light fixedFont">{<a href="../symbols/PaintWeb.html">PaintWeb</a>}</span>  <b>app</b>
								
							</dt>
								<dd>Reference to the main paint application object.</dd>
						
						</dl>
					
					
					
					
					
					
					

			</div>
			

<!-- ============================== field details ========================== -->		
			
				<div class="sectionTitle">
					Field Detail
				</div>
				
					<a name="canvasResizer"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					<span class="light">{<a href="../symbols/pwlib.guiResizer.html">pwlib.guiResizer</a>}</span>
					<b>canvasResizer</b>
					
					</div>
					<div class="description">
						Holds an instance of the guiResizer object attached to the Canvas.
						
						
					</div>
					
					

						
						
						
						

					<hr />
				
					<a name="colorInputs"> </a>
					<div class="fixedFont">
					
					<span class="light">{Object}</span>
					<b>colorInputs</b>
					
					</div>
					<div class="description">
						Holds references to DOM elements associated to color configuration 
properties.
						
						
					</div>
					
					

						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
							<dd><a href="../symbols/pwlib.guiColorInput.html">pwlib.guiColorInput</a></dd>
							
							</dl>
						
						

					<hr />
				
					<a name="commands"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					<span class="light">{Object}</span>
					<b>commands</b>
					
					</div>
					<div class="description">
						Holds references to DOM elements associated to PaintWeb commands.
						
						
					</div>
					
					

						
						
						
						

					<hr />
				
					<a name="elems"> </a>
					<div class="fixedFont">
					
					<span class="light">{Object}</span>
					<b>elems</b>
					
					</div>
					<div class="description">
						Holds references to DOM elements.
						
						
					</div>
					
					

						
						
						
						

					<hr />
				
					<a name="floatingPanels"> </a>
					<div class="fixedFont">
					
					<span class="light">{Object}</span>
					<b>floatingPanels</b>
					
					</div>
					<div class="description">
						Holds references to floating panels GUI components.
						
						
					</div>
					
					

						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
							<dd><a href="../symbols/pwlib.guiFloatingPanel.html">pwlib.guiFloatingPanel</a></dd>
							
							</dl>
						
						

					<hr />
				
					<a name="inputs"> </a>
					<div class="fixedFont">
					
					<span class="light">{Object}</span>
					<b>inputs</b>
					
					</div>
					<div class="description">
						Holds references to input elements associated to the PaintWeb configuration 
properties.
						
						
					</div>
					
					

						
						
						
						

					<hr />
				
					<a name="inputValues"> </a>
					<div class="fixedFont">
					
					<span class="light">{Object}</span>
					<b>inputValues</b>
					
					</div>
					<div class="description">
						Holds references to DOM elements associated to configuration values.
						
						
					</div>
					
					

						
						
						
						

					<hr />
				
					<a name="tabPanels"> </a>
					<div class="fixedFont">
					
					<span class="light">{Object}</span>
					<b>tabPanels</b>
					
					</div>
					<div class="description">
						Holds references to tab panel GUI components.
						
						
					</div>
					
					

						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
							<dd><a href="../symbols/pwlib.guiTabPanel.html">pwlib.guiTabPanel</a></dd>
							
							</dl>
						
						

					<hr />
				
					<a name="tools"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					<span class="light">{Object}</span>
					<b>tools</b>
					
					</div>
					<div class="description">
						Holds references to DOM elements associated to each tool registered in the 
current PaintWeb application instance.
						
						
					</div>
					
					

						
						
						
						

					<hr />
				
					<a name="toolTabConfig"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					<span class="light">{Object}</span>
					<b>toolTabConfig</b>
					
					</div>
					<div class="description">
						Holds tab configuration information for most drawing tools.
						
						
					</div>
					
					

						
						
						
						

					<hr />
				
					<a name="viewportResizer"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					<span class="light">{<a href="../symbols/pwlib.guiResizer.html">pwlib.guiResizer</a>}</span>
					<b>viewportResizer</b>
					
					</div>
					<div class="description">
						Holds an instance of the guiResizer object attached to the viewport 
element.
						
						
					</div>
					
					

						
						
						
						

					
				
			

<!-- ============================== method details ========================= -->		
			
				<div class="sectionTitle">
					Method Detail
				</div>
				
					<a name="appInit"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>appInit</b>(ev)
					
					</div>
					<div class="description">
						The <code>appInit</code> event handler. This method is invoked once 
PaintWeb completes all the loading.

<p>This method dispatches the <a href="../symbols/pwlib.appEvent.guiShow.html">pwlib.appEvent.guiShow</a> application 
event.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/pwlib.appEvent.appInit.html">pwlib.appEvent.appInit</a>}</span> <b>ev</b>
									
								</dt>
								<dd>The application event object.</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="canvasResizeEnd"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>canvasResizeEnd</b>(ev)
					
					</div>
					<div class="description">
						The <code>guiResizeEnd</code> event handler for the Canvas resize 
operation.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/pwlib.appEvent.guiResizeEnd.html">pwlib.appEvent.guiResizeEnd</a>}</span> <b>ev</b>
									
								</dt>
								<dd>The application event object.</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="canvasResizeStart"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>canvasResizeStart</b>()
					
					</div>
					<div class="description">
						The <code>guiResizeStart</code> event handler for the Canvas resize 
operation.
						
						
					</div>
					
					
					
						
						
						
						
						
						
						

					<hr />
				
					<a name="canvasSizeChange"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>canvasSizeChange</b>(ev)
					
					</div>
					<div class="description">
						The <code>canvasSizeChange</code> application event handler. The Canvas 
container element dimensions are updated to the new values, and the image 
resize handle is positioned accordingly.

<p>Canvas size refers strictly to the dimensions of the Canvas elements in 
the browser, changed with CSS style properties, width and height. Scaling 
of the Canvas elements is applied when the user zooms the image or when the 
browser changes the render DPI / zoom.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/pwlib.appEvent.canvasSizeChange.html">pwlib.appEvent.canvasSizeChange</a>}</span> <b>ev</b>
									
								</dt>
								<dd>The application event object.</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="clipboardUpdate"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>clipboardUpdate</b>(ev)
					
					</div>
					<div class="description">
						The <code>clipboardUpdate</code> application event handler. The GUI element 
associated to the <code>clipboardPaste</code> command is updated to be 
disabled/enabled depending on the event.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/pwlib.appEvent.clipboardUpdate.html">pwlib.appEvent.clipboardUpdate</a>}</span> <b>ev</b>
									
								</dt>
								<dd>The application event object.</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="commandAbout"> </a>
					<div class="fixedFont">
					
					
					<b>commandAbout</b>()
					
					</div>
					<div class="description">
						The "About" command. This method displays the "About" panel.
						
						
					</div>
					
					
					
						
						
						
						
						
						
						

					<hr />
				
					<a name="commandClick"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>commandClick</b>(ev)
					
					</div>
					<div class="description">
						The <code>click</code> event handler for the command DOM elements.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Event}</span> <b>ev</b>
									
								</dt>
								<dd>The DOM Event object.</dd>
							
							</dl>
						
						
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/PaintWeb.html#commandRegister">PaintWeb#commandRegister</a> to register a new command.</dd>
							
							</dl>
						

					<hr />
				
					<a name="commandRegister"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>commandRegister</b>(ev)
					
					</div>
					<div class="description">
						The <code>commandRegister</code> application event handler. GUI elements 
associated to commands are updated to ensure proper user interaction.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/pwlib.appEvent.commandRegister.html">pwlib.appEvent.commandRegister</a>}</span> <b>ev</b>
									
								</dt>
								<dd>The application event object.</dd>
							
							</dl>
						
						
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/PaintWeb.html#commandRegister">PaintWeb#commandRegister</a> the method which allows you to register new 
commands.</dd>
							
							</dl>
						

					<hr />
				
					<a name="commandUnregister"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>commandUnregister</b>(ev)
					
					</div>
					<div class="description">
						The <code>commandUnregister</code> application event handler. This method 
simply removes all the user interactivity from the GUI element associated 
to the command being unregistered.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/pwlib.appEvent.commandUnregister.html">pwlib.appEvent.commandUnregister</a>}</span> <b>ev</b>
									
								</dt>
								<dd>The application event object.</dd>
							
							</dl>
						
						
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/PaintWeb.html#commandUnregister">PaintWeb#commandUnregister</a> the method which allows you to unregister 
commands.</dd>
							
							</dl>
						

					<hr />
				
					<a name="configChangeHandler"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>configChangeHandler</b>(ev)
					
					</div>
					<div class="description">
						The <code>configChange</code> application event handler. This method 
ensures the GUI input elements stay up-to-date when some PaintWeb 
configuration is modified.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/pwlib.appEvent.configChange.html">pwlib.appEvent.configChange</a>}</span> <b>ev</b>
									
								</dt>
								<dd>The application event object.</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="configInputChange"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>configInputChange</b>()
					
					</div>
					<div class="description">
						The <code>change</code> event handler for input elements associated to 
PaintWeb configuration properties.

<p>This method dispatches the <a href="../symbols/pwlib.appEvent.configChange.html">pwlib.appEvent.configChange</a> event.
						
						
					</div>
					
					
					
						
						
						
						
						
						
						

					<hr />
				
					<a name="configToggleClick"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>configToggleClick</b>(ev)
					
					</div>
					<div class="description">
						The <code>click</code> event handler for DOM elements associated to boolean 
configuration properties. These elements only toggle the true/false value 
of the configuration property.

<p>This method dispatches the <a href="../symbols/pwlib.appEvent.configChange.html">pwlib.appEvent.configChange</a> event.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Event}</span> <b>ev</b>
									
								</dt>
								<dd>The DOM Event object.</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="configValueClick"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>configValueClick</b>(ev)
					
					</div>
					<div class="description">
						The <code>click</code> event handler for DOM elements associated to 
PaintWeb configuration values. These elements rely on parent elements which 
are associated to configuration properties.

<p>This method dispatches the <a href="../symbols/pwlib.appEvent.configChange.html">pwlib.appEvent.configChange</a> event.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Event}</span> <b>ev</b>
									
								</dt>
								<dd>The DOM Event object.</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="destroy"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>destroy</b>()
					
					</div>
					<div class="description">
						The application destroy event handler. This method is invoked by the main 
PaintWeb application when the instance is destroyed, for the purpose of 
cleaning-up the GUI-related things from the document add by the current 
instance.
						
						
					</div>
					
					
					
						
						
						
						
						
						
						

					<hr />
				
					<a name="hide"> </a>
					<div class="fixedFont">
					
					
					<b>hide</b>()
					
					</div>
					<div class="description">
						Hide the graphical user interface.

<p>This method dispatches the <a href="../symbols/pwlib.appEvent.guiHide.html">pwlib.appEvent.guiHide</a> application 
event.
						
						
					</div>
					
					
					
						
						
						
						
						
						
						

					<hr />
				
					<a name="historyUpdate"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>historyUpdate</b>(ev)
					
					</div>
					<div class="description">
						The <code>historyUpdate</code> application event handler. GUI elements 
associated to the <code>historyUndo</code> and to the 
<code>historyRedo</code> commands are updated such that they are either 
enabled or disabled, depending on the current history position.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/pwlib.appEvent.historyUpdate.html">pwlib.appEvent.historyUpdate</a>}</span> <b>ev</b>
									
								</dt>
								<dd>The application event object.</dd>
							
							</dl>
						
						
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/PaintWeb.html#historyGoto">PaintWeb#historyGoto</a> the method which allows you to go to different 
history states.</dd>
							
							</dl>
						

					<hr />
				
					<a name="imageSizeChange"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>imageSizeChange</b>(ev)
					
					</div>
					<div class="description">
						The <code>imageSizeChange</code> application event handler. The GUI element 
which displays the image dimensions is updated to display the new image 
size.

<p>Image size refers strictly to the dimensions of the image being edited 
by the user, that's width and height.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/pwlib.appEvent.imageSizeChange.html">pwlib.appEvent.imageSizeChange</a>}</span> <b>ev</b>
									
								</dt>
								<dd>The application event object.</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="imageZoom"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>imageZoom</b>(ev)
					
					</div>
					<div class="description">
						The <code>imageZoom</code> application event handler. The GUI input element 
which displays the image zoom level is updated to display the new value.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/pwlib.appEvent.imageZoom.html">pwlib.appEvent.imageZoom</a>}</span> <b>ev</b>
									
								</dt>
								<dd>The application event object.</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="init"> </a>
					<div class="fixedFont">
					
					<span class="light">{Boolean}</span>
					<b>init</b>(markup)
					
					</div>
					<div class="description">
						Initialize the PaintWeb interface.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Document|String}</span> <b>markup</b>
									
								</dt>
								<dd>The interface markup loaded and parsed as 
DOM Document object. Optionally, the value can be a string holding the 
interface markup (this is used when PaintWeb is packaged).</dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Boolean}</span> True if the initialization was successful, or false if 
not.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="initCanvas"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					<span class="light">{Boolean}</span>
					<b>initCanvas</b>()
					
					</div>
					<div class="description">
						Initialize the Canvas elements.
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Boolean}</span> True if the initialization was successful, or false if 
not.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="initConfigIcons"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>initConfigIcons</b>(elem, cfgAttr)
					
					</div>
					<div class="description">
						Initialize an HTML element associated to a configuration property, and all 
of its own sub-elements associated to configuration values. Each element 
that has the <var>data-pwConfigValue</var> attribute is considered an icon.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Element}</span> <b>elem</b>
									
								</dt>
								<dd>The DOM element which is associated to the 
configuration property.</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>cfgAttr</b>
									
								</dt>
								<dd>The configuration attribute. This tells the 
configuration group and property to which the DOM element is attached to.</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="initConfigInput"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>initConfigInput</b>(elem, cfgAttr)
					
					</div>
					<div class="description">
						Initialize an input element associated to a configuration property.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Element}</span> <b>elem</b>
									
								</dt>
								<dd>The DOM element which is associated to the 
configuration property.</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>cfgAttr</b>
									
								</dt>
								<dd>The configuration attribute. This tells the 
configuration group and property to which the DOM element is attached to.</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="initConfigToggle"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>initConfigToggle</b>(elem, cfgAttr)
					
					</div>
					<div class="description">
						Initialize an HTML element associated to a boolean configuration property.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Element}</span> <b>elem</b>
									
								</dt>
								<dd>The DOM element which is associated to the 
configuration property.</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>cfgAttr</b>
									
								</dt>
								<dd>The configuration attribute. This tells the 
configuration group and property to which the DOM element is attached to.</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="initImageZoom"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					<span class="light">{Boolean}</span>
					<b>initImageZoom</b>()
					
					</div>
					<div class="description">
						Initialize the image zoom input.
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Boolean}</span> True if the initialization was successful, or false if 
not.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="initImportDoc"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					<span class="light">{Boolean}</span>
					<b>initImportDoc</b>(markup)
					
					</div>
					<div class="description">
						Import the DOM nodes from the interface DOM document. All the nodes are 
inserted into the PaintWeb.config.guiPlaceholder element.

<p>Elements which have the ID attribute will have the attribute renamed to 
<code>data-pwId</code>.

<p>Input elements which have the ID attribute will have their attribute 
updated to be unique for the current PaintWeb instance.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Document|String}</span> <b>markup</b>
									
								</dt>
								<dd>The source DOM document to import the nodes 
from. Optionally, this parameter can be a string which holds the interface 
markup.</dd>
							
							</dl>
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Boolean}</span> True if the initialization was successful, or false if 
not.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="initKeyboardShortcuts"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					<span class="light">{Boolean}</span>
					<b>initKeyboardShortcuts</b>()
					
					</div>
					<div class="description">
						Initialize the keyboard shortcuts. Basically, this updates various strings 
to ensure the user interface is informational.
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Boolean}</span> True if the initialization was successful, or false if 
not.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="initParseMarkup"> </a>
					<div class="fixedFont">
					
					<span class="light">{Boolean}</span>
					<b>initParseMarkup</b>()
					
					</div>
					<div class="description">
						Parse the interface markup. The layout file can have custom 
PaintWeb-specific attributes.

<p>Elements with the <code>data-pwId</code> attribute are added to the 
<a href="../symbols/pwlib.gui.html#elems">pwlib.gui#elems</a> object.

<p>Elements having the <code>data-pwCommand</code> attribute are added to 
the <a href="../symbols/pwlib.gui.html#commands">pwlib.gui#commands</a> object.

<p>Elements having the <code>data-pwTool</code> attribute are added to the 
<a href="../symbols/pwlib.gui.html#tools">pwlib.gui#tools</a> object.

<p>Elements having the <code>data-pwTabPanel</code> attribute are added to 
the <a href="../symbols/pwlib.gui.html#tabPanels">pwlib.gui#tabPanels</a> object. These become interactive GUI 
components (see <a href="../symbols/pwlib.guiTabPanel.html">pwlib.guiTabPanel</a>).

<p>Elements having the <code>data-pwFloatingPanel</code> attribute are 
added to the <a href="../symbols/pwlib.gui.html#floatingPanels">pwlib.gui#floatingPanels</a> object. These become 
interactive GUI components (see <a href="../symbols/pwlib.guiFloatingPanel.html">pwlib.guiFloatingPanel</a>).

<p>Elements having the <code>data-pwConfig</code> attribute are added to 
the <a href="../symbols/pwlib.gui.html#inputs">pwlib.gui#inputs</a> object. These become interactive GUI 
components which allow users to change configuration options.

<p>Elements having the <code>data-pwConfigValue</code> attribute are added 
to the <a href="../symbols/pwlib.gui.html#inputValues">pwlib.gui#inputValues</a> object. These can only be child nodes 
of elements which have the <code>data-pwConfig</code> attribute. Each such 
element is considered an icon. Anchor elements are appended to ensure 
keyboard accessibility.

<p>Elements having the <code>data-pwConfigToggle</code> attribute are added 
to the <a href="../symbols/pwlib.gui.html#inputs">pwlib.gui#inputs</a> object. These become interactive GUI 
components which toggle the boolean value of the configuration property 
they are associated to.

<p>Elements having the <code>data-pwColorInput</code> attribute are added 
to the <a href="../symbols/pwlib.gui.html#colorInputs">pwlib.gui#colorInputs</a> object. These become color picker 
inputs which are associated to the configuration property given as the 
attribute value. (see <a href="../symbols/pwlib.guiColorInput.html">pwlib.guiColorInput</a>)
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Boolean}</span> True if the parsing was successful, or false if not.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="initSelectionTool"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					<span class="light">{Boolean}</span>
					<b>initSelectionTool</b>()
					
					</div>
					<div class="description">
						Initialize GUI elements associated to selection tool options and commands.
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Boolean}</span> True if the initialization was successful, or false if 
not.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="initTextTool"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					<span class="light">{Boolean}</span>
					<b>initTextTool</b>()
					
					</div>
					<div class="description">
						Initialize GUI elements associated to text tool options.
						
						
					</div>
					
					
					
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">Returns:</dt>
							
								<dd><span class="light fixedFont">{Boolean}</span> True if the initialization was successful, or false if 
not.</dd>
							
							</dl>
						
						
						

					<hr />
				
					<a name="item_mouseout"> </a>
					<div class="fixedFont">
					
					
					<b>item_mouseout</b>()
					
					</div>
					<div class="description">
						The <code>mouseout</code> event handler for all tools, commands and icons.  
This method simply resets the GUI status bar to the previous message it was 
displaying before the user hovered the current element.
						
						
					</div>
					
					
					
						
						
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/pwlib.gui.html#statusShow">pwlib.gui#statusShow</a> The method used for displaying the message in the 
GUI status bar.</dd>
							
							</dl>
						

					<hr />
				
					<a name="item_mouseover"> </a>
					<div class="fixedFont">
					
					
					<b>item_mouseover</b>()
					
					</div>
					<div class="description">
						The <code>mouseover</code> event handler for all tools, commands and icons.  
This simply shows the title / text content of the element in the GUI status 
bar.
						
						
					</div>
					
					
					
						
						
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/pwlib.gui.html#statusShow">pwlib.gui#statusShow</a> The method used for displaying the message in the 
GUI status bar.</dd>
							
							</dl>
						

					<hr />
				
					<a name="resizeTo"> </a>
					<div class="fixedFont">
					
					
					<b>resizeTo</b>(width, height)
					
					</div>
					<div class="description">
						Resize the PaintWeb graphical user interface.

<p>This method dispatches the <a href="../symbols/pwlib.appEvent.configChange.html">pwlib.appEvent.configChange</a> event for 
the "viewportWidth" and "viewportHeight" configuration properties. Both 
properties are updated to hold the new values you give.

<p>Once the GUI is resized, the <a href="../symbols/pwlib.appEvent.viewportSizeChange.html">pwlib.appEvent.viewportSizeChange</a> 
event is also dispatched.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>width</b>
									
								</dt>
								<dd>The new width you want. Make sure the value is a CSS 
length, like "50%", "450px" or "30em".</dd>
							
								<dt>
									<span class="light fixedFont">{String}</span> <b>height</b>
									
								</dt>
								<dd>The new height you want.</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="selectionChange"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>selectionChange</b>(ev)
					
					</div>
					<div class="description">
						The <code>selectionChange</code> application event handler. The GUI 
elements associated to the <code>selectionCut</code> and 
<code>selectionCopy</code> commands are updated to be disabled/enabled 
depending on the event.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/pwlib.appEvent.selectionChange.html">pwlib.appEvent.selectionChange</a>}</span> <b>ev</b>
									
								</dt>
								<dd>The application event object.</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="shadowAllow"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>shadowAllow</b>(ev)
					
					</div>
					<div class="description">
						The <code>shadowAllow</code> application event handler. This method 
shows/hide the shadow tab when shadows are allowed/disallowed.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/pwlib.appEvent.shadowAllow.html">pwlib.appEvent.shadowAllow</a>}</span> <b>ev</b>
									
								</dt>
								<dd>The application event object.</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="show"> </a>
					<div class="fixedFont">
					
					
					<b>show</b>()
					
					</div>
					<div class="description">
						Show the graphical user interface.

<p>This method dispatches the <a href="../symbols/pwlib.appEvent.guiShow.html">pwlib.appEvent.guiShow</a> application 
event.
						
						
					</div>
					
					
					
						
						
						
						
						
						
						

					<hr />
				
					<a name="statusShow"> </a>
					<div class="fixedFont">
					
					
					<b>statusShow</b>(msg, temporary)
					
					</div>
					<div class="description">
						Show a message in the status bar.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{String|Number}</span> <b>msg</b>
									
								</dt>
								<dd>The message ID you want to display. The ID 
should be available in the PaintWeb.lang.status object. If the 
value is -1 then the previous non-temporary message will be displayed. If 
the ID is not available in the language file, then the string is shown 
as-is.</dd>
							
								<dt>
									<span class="light fixedFont">{Boolean}</span> <b>temporary</b>
									<i>Optional, Default: false</i>
								</dt>
								<dd>Tells if the message is temporary or 
not.</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="toolActivate"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>toolActivate</b>(ev)
					
					</div>
					<div class="description">
						The <code>toolActivate</code> application event handler. This method 
provides visual feedback for the activation of a new drawing tool.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/pwlib.appEvent.toolActivate.html">pwlib.appEvent.toolActivate</a>}</span> <b>ev</b>
									
								</dt>
								<dd>The application event object.</dd>
							
							</dl>
						
						
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/PaintWeb.html#toolActivate">PaintWeb#toolActivate</a> the method which allows you to activate 
a drawing tool.</dd>
							
							</dl>
						

					<hr />
				
					<a name="toolClick"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>toolClick</b>(ev)
					
					</div>
					<div class="description">
						The <code>click</code> event handler for the tool DOM elements.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{Event}</span> <b>ev</b>
									
								</dt>
								<dd>The DOM Event object.</dd>
							
							</dl>
						
						
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/PaintWeb.html#toolActivate">PaintWeb#toolActivate</a> to activate a drawing tool.</dd>
							
							</dl>
						

					<hr />
				
					<a name="toolHandStateChange"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>toolHandStateChange</b>(ev)
					
					</div>
					<div class="description">
						The state change event handler for the Hand tool. This function 
enables/disables the Hand tool by checking if the current image fits into 
the viewport or not.

<p>This function is invoked when one of the following application events is  
dispatched: <code>viewportSizeChange</code>, <code>canvasSizeChange</code> 
or <code>appInit</code.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/pwlib.appEvent.viewportSizeChange.html">pwlib.appEvent.viewportSizeChange</a>|<a href="../symbols/pwlib.appEvent.canvasSizeChange.html">pwlib.appEvent.canvasSizeChange</a>|<a href="../symbols/pwlib.appEvent.appInit.html">pwlib.appEvent.appInit</a>}</span> <b>ev</b>
									<i>Optional</i>
								</dt>
								<dd>The application event object.</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="toolRegister"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>toolRegister</b>(ev)
					
					</div>
					<div class="description">
						The <code>toolRegister</code> application event handler. This method adds 
the new tool into the GUI.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/pwlib.appEvent.toolRegister.html">pwlib.appEvent.toolRegister</a>}</span> <b>ev</b>
									
								</dt>
								<dd>The application event object.</dd>
							
							</dl>
						
						
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/PaintWeb.html#toolRegister">PaintWeb#toolRegister</a> the method which allows you to register new 
tools.</dd>
							
							</dl>
						

					<hr />
				
					<a name="toolUnregister"> </a>
					<div class="fixedFont">
					
					
					<b>toolUnregister</b>(ev)
					
					</div>
					<div class="description">
						The <code>toolUnregister</code> application event handler. This method the 
tool element from the GUI.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/pwlib.appEvent.toolUnregister.html">pwlib.appEvent.toolUnregister</a>}</span> <b>ev</b>
									
								</dt>
								<dd>The application event object.</dd>
							
							</dl>
						
						
						
						
						
						
						
							<dl class="detailList">
							<dt class="heading">See:</dt>
							
								<dd><a href="../symbols/PaintWeb.html#toolUnregister">PaintWeb#toolUnregister</a> the method which allows you to unregister 
tools.</dd>
							
							</dl>
						

					<hr />
				
					<a name="viewportResizeEnd"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>viewportResizeEnd</b>(ev)
					
					</div>
					<div class="description">
						The <code>guiResizeEnd</code> event handler for the viewport resize 
operation.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/pwlib.appEvent.guiResizeEnd.html">pwlib.appEvent.guiResizeEnd</a>}</span> <b>ev</b>
									
								</dt>
								<dd>The application event object.</dd>
							
							</dl>
						
						
						
						
						
						
						

					<hr />
				
					<a name="viewportResizeMouseMove"> </a>
					<div class="fixedFont">&lt;private&gt; 
					
					
					<b>viewportResizeMouseMove</b>(ev)
					
					</div>
					<div class="description">
						The <code>guiResizeMouseMove</code> event handler for the viewport resize 
operation.
						
						
					</div>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">Parameters:</dt>
							
								<dt>
									<span class="light fixedFont">{<a href="../symbols/pwlib.appEvent.guiResizeMouseMove.html">pwlib.appEvent.guiResizeMouseMove</a>}</span> <b>ev</b>
									
								</dt>
								<dd>The application event object.</dd>
							
							</dl>
						
						
						
						
						
						
						

					
				
			
			
<!-- ============================== event details ========================= -->		
			
			
			<hr />
		</div>

		
<!-- ============================== footer ================================= -->
		<div class="fineprint" style="clear:both">
			
			Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.0 on Sat Jun 26 2010 21:57:02 GMT+0300 (EEST)
		</div>
	</body>
</html>
